@charset "utf-8";
/* CSS Document */

body{
	position:relative;
	background:url(../images/body-bg.png) #e5e5e5 repeat-x top;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#505050;
}

*{
	font-family:Arial, Helvetica, sans-serif;
}
input[type="text"],input.text-field{
	background:url(../images/text-bg.jpg) #FFF repeat-x;
	border:1px solid #c8c8c8;
	width:100%;
	text-indent:5px;
	height:23px;
	
	
}
div,ul,li,a,span,font,img,strong,b,body{
	margin:0px;
	padding:0px;
	text-decoration:none;
	list-style:none;
	border:none;
}
table{
	border-color:#cccccc
}
a,a:link,a:active{
	text-decoration:none;
	color:#3c5786
}

a:hover{
text-decoration:none;
}

.block{
	display:block
}
.clear{
	clear:both
}
.collapse{
	border-collapse:collapse
}
.uppercase{
	text-transform:uppercase
} 				
.blue_10px{
	color:#3c5786;
	font-weight:bold;
	font-size:11px
}
	
img{
	vertical-align:middle
}
.wrapper{
	clear:both;
	overflow:hidden
}
.float-left{
	float:left
}
float-right{
	float:right
}
.b-red{
	font-weight:bold;
	color:#c20044;
}
.b-green{
	font-weight:bold;
	color:#4b8a00;
}
.b-blue{
	font-weight:bold;
	color:#3c5786;
}
r-blue{
	font-weight:normal;
	color:#3c5786;
}
r-green{
	font-weight:normal;
	color:#4b8a00;
}
r-red{
	font-weight:normal;
	color:#c20044;
}
h6{
	font-size:12px
}
h1{
	font-size:25px;
}
h2{
	font-size:24px;
}
h3{
	font-size:20px;
}
h5{
	font-size:13px
}
.margin-auto{
	margin:0px auto
}
margin_top_5px{
	margin-top:5px
}
.center-text{
	text-align:center
}
.margin-right-10px{
	margin-right:10px;
}
a.read-more{
	background:url(../images/icon-more.png) left no-repeat;
	padding-left:10px;
	display:block;
	clear:both;
	float:left;
	font-weight:bold;
	font-size:11px;
	min-width:50px;
}

#outter-wrapper{
	width:980px;
	margin:0px auto
}
#content-slider-wrapper{
	color:#FFF
}
/*banner top*/
#banner{
	height:106px;
}
.logo-wrapper{
	width:380px;
	height:97px;
	position:relative;
	float:left;
	padding-top:12px
}
#flash-shine{
	width:82px;
	height:82px;
	position:absolute;
	left:-2px;
	top:11px
}
.logo-wrapper a{
	display:block;
	background:url(../images/logo.png) no-repeat top;
	width:347px;
	padding-top:82px;
	overflow:hidden;
	height:0px;
	
}

#top-nav-wrapper ul.ul-top-nav{
	width:565px;
	float:right;
	padding-top:40px;
}
#top-nav-wrapper ul.ul-top-nav li{
	display:inline;
	float:left;
	line-height:25px;
}
#top-nav-wrapper ul.ul-top-nav li a{
	display:block;
	float:left;
	width:90px;
	height:25px;
	text-align:center;
	font-weight:bold;
	color:#505050
}
#top-nav-wrapper ul.ul-top-nav li a:hover,#top-nav-wrapper ul.ul-top-nav li a.current{
	background:url(../images/active-menu.png) no-repeat;
	font-weight:bold;
	color:#FFF;
}
/*content slider*/
#content-slider-wrapper,.slider-col-left,.slider-col-right{
	height:260px;
} 	
#content-slider-wrapper{
	position:relative
}
#water-drop{
	width:350px;
	height:200px;
	position:absolute;
	right:20px;
	top:70px
}
	
.slider-col-left{
	width:480px;
	float:left;
	overflow:hidden;
	position:relative
}
.slider-col-right{
	width:500px;
	padding-top:10px;
	_padding-top:25px;
	*padding-top:25px;
	float:right;
	position:relative;
	overflow:hidden;
	text-align:justify;
}
.slider-col-right *{
	text-align:right
}

/*hot product*/
#hot-product-wrapper{
	height:175px;
	padding-bottom:25px;
	padding-top:4px;
	background:url(../images/wide-sp.png) no-repeat center bottom;
	margin-bottom:15px;
	position:relative
}

#hot-product-wrapper ul li{
	display:inline;
	float:left
}
.hot-product-block{
	background:url(../images/hot-product-box.png) no-repeat;
	_background:url(../images/hot-product-box.jpg) no-repeat;
	width:122px;
	/*height:171px;*/
	height:133px;
	
	padding:15px 15px 23px 15px;
	float:left;
	position:relative;
	margin:2px 22px 0px 22px;
	
}
.ribbon{
	background:url(../images/ribbon-hot.png) top no-repeat;
	width:49px;
	height:0px;
	overflow:hidden;
	padding-top:49px;
	position:absolute;
	top:-2px;
	right:-2px
}
a.hot-product-link{
	display:block;
	float:left;
	width:122px;
}
a.hot-product-link:hover span.more-link{
	text-decoration:underline
}
a.hot-product-link img{
	display:block;
	margin:0px auto;
	clear:both;
	cursor:pointer
}
a.hot-product-link h6{
	margin:0px;
	padding:0px;
	color:#505050;
	font-weight:bold;
	cursor:pointer
	
}
a.hot-product-link span.price{
	font-size:11px;
	display:block;
	float:left;
	color:#b30033;
	cursor:pointer
}
a.hot-product-link span.more-link{
	font-size:11px;
	display:block;
	float:right;
	color:#133d94;
	cursor:pointer
}
/*Caroseul*/
/**
 *  Horizontal Buttons
 */
.jcarousel-skin-tango .jcarousel-next-horizontal {
    position: absolute;
    top: 60px;
    right: 5px;
    width: 35px;
    height: 35px;
    cursor: pointer;
    background: transparent url(../images/next-horizontal.png) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-next-horizontal {
    left: 5px;
    right: auto;
    background-image: url(../images/prev-horizontal.png);
}

.jcarousel-skin-tango .jcarousel-next-horizontal:hover {
    background-position: -35px 0;
}

.jcarousel-skin-tango .jcarousel-next-horizontal:active {
    background-position: -70px 0;
}

.jcarousel-skin-tango .jcarousel-next-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:active {
    cursor: default;
    background-position: -105px 0;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal {
    position: absolute;
    top: 60px;
    left: 5px;
    width: 35px;
    height: 35px;
    cursor: pointer;
    background: transparent url(../images/prev-horizontal.png) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-prev-horizontal {
    left: auto;
    right: 0px;
    background-image: url(../images/next-horizontal.png);
}

.jcarousel-skin-tango .jcarousel-prev-horizontal:hover {
    background-position: -35px 0;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal:active {
    background-position: -70px 0;
}

.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:active {
    cursor: default;
    background-position: -105px 0;
}












.jcarousel-skin-tango .jcarousel-clip-horizontal {
    width:  980px !important;/*fix ie6 + ie7*/
    height: 205px !important;
}

.jcarousel-skin-tango .jcarousel-item {
    width: 196px;
	overflow:hidden
}


/*left*/

#main-content-goes-here{
	position:relative
}

#content-left-wrapper{
	width:241px;
	overflow:hidden;
	float:left
}
#search-box{
	background:url(../images/search-btn.png) no-repeat;
	width:241px;
	height:29px;
	clear:both;
	overflow:hidden;
	margin-bottom:10px
}
#search-field{
	width:196px;
	_width:190px;
	height:29px;
	display:block;
	background:none;
	text-indent:5px;
	float:left;
	border:none;
	line-height:30px\9
}
#search-btn{
	width:40px;
	float:right;
	cursor:pointer;
	height:29px;
	display:block;
	float:left;
	border:none;
	background:none
}
.left-box-wrapper{
	margin-bottom:10px
}

.left-box-wrapper .left-box-title{
	background:url(../images/left-caption.png) no-repeat;
	height:60px;
	padding-left:70px;
	overflow:hidden;
	color:#FFF;
	clear:both
}
.left-box-wrapper .left-box-title h2{
	margin-top:4px;
}
.left-box-wrapper .left-box-content{
	background:url(../images/left-rp-bg.png) repeat-y;
	overflow:hidden;
	clear:both;
	padding:0px 15px 10px 15px
}
.left-box-shadow{
	background:url(../images/left-bottom-bg.png) no-repeat;
	height:16px;
	overflow:hidden;
	clear:both
}
.currency-wrapper table tr td{
	font-size:11px
}



#ul-counter li{
	background:url(../images/sp.jpg) repeat-x bottom;
	line-height:30px;
	_line-height:10px;
	_margin-bottom:5px;
	display:list-item;
}
#ul-counter li a img{
	margin-right:10px
}
#ul-counter li a{
	color:#505050;
}	


/*right*/

#content-right-wrapper{
	width:710px;
	float:right;
	overflow:hidden
}

.right-box-wrapper{
	clear:both;
	overflow:hidden;
	margin-bottom:10px
}
.right-box-title{
	background:url(../images/right-caption.png)  no-repeat;
	height:44px;
	padding:0px 15px;
	overflow:hidden;
	clear:both
}
.right-box-title a{
	float:left;
	margin:0px
}
.right-box-title a h2{
	color:#505050;
	text-shadow:none;
	margin-top:4px
}
.right-box-content{
	background:url(../images/right-rp-bg.png) repeat-y;
	overflow:hidden;
	clear:both;
	padding:15px
}
.right-box-shadow{
	background:url(../images/right-bottom-bg.png) no-repeat;
	clear:both;
	height:14px;
	overflow:hidden
}
a.show-all-product{
	background:url(../images/show-all.png) no-repeat left 1px;
	padding-left:20px;
	display:block;
	text-transform:uppercase;
	float:right;
	margin-top:10px;
	font-size:11px;
	font-style:italic
	
}
.list-products-wrapper a{
	display:block;
	float:left;
	width:204px;
	height:170px;
	margin:20px 11px;
	padding-bottom:10px;
	background:url(../images/sp.jpg) repeat-x bottom;
	margin-bottom:5px
	
}
.list-products-wrapper a h5{
	margin:5px 0px;
	text-transform:uppercase;
	color:#2079b5;
	font-weight:normal
}
.list-products-wrapper a img{
	background:url(../images/ajax-loader.gif) no-repeat center #FFF;
	padding:4px;
	border:1px solid #CCC;
	width:194px;
	height:112px
}
.list-products-wrapper a strong{
	color:#505050;
	font-size:11px
}
.list-products-wrapper a strong font{
	color:#b30033;
	font-size:11px
}

.list-products-wrapper a:hover img{
	border-color:#999
}


.post-wrapper img{
	display:block;
	margin:5px auto
}

.list-news-wrapper a{
	display:block;
	clear:both;
	padding:10px 0px;
	background:url(../images/sp.jpg) repeat-x bottom;
	/*margin-bottom:10px;*/
	overflow:hidden
}
.list-news-wrapper a:hover{
	background:#EAEAEA
}
.list-news-wrapper a:hover strong{
	text-decoration:underline
}
.list-news-wrapper a:hover img{
	border-color:#999
}
.list-news-wrapper a img{
	display:block;
	float:left;
	margin-right:10px;
	border:1px solid #CCC;
	padding:4px;
	background:#FFF;
	width:130px;
	
}
.list-news-wrapper a strong{
	display:block
}
.list-news-wrapper a p{
	color:#505050;
}

/*=========Pagination============*/
.pagination{
	width:100%;
	overflow:hidden;
	float:right;
	clear:both;
	padding-top:10px
}
.pagination a{
	display:block;
	padding:5px;
	float:left;
	font-size:11px;
	background:-moz-linear-gradient(#fff,#dddddd);
	background:-webkit-linear-gradient(#fff,#dddddd);
	filter: progid:DXImageTransform.Microsoft.Gradient(
                StartColorStr='#ffffff', EndColorStr='#dddddd', GradientType=0);
	color:#5f5f5f;
	text-shadow:0px 1px 0px #FFF;
	border:1px solid #bababa;
	text-decoration:none;
	margin-right:5px

}
.pagination a:hover,.pagination a.active-page{

	background:-moz-linear-gradient(#31b8d8,#1a63a9);
	background:-webkit-linear-gradient(#31b8d8,#1a63a9);
	
	filter: progid:DXImageTransform.Microsoft.Gradient(
                StartColorStr='#31b8d8', EndColorStr='#1a63a9', GradientType=0);
	color:#FFF;
	text-shadow:#000 0px 1px 0px;
	text-decoration:none;
}
.pagination span{
	padding:5px;
	float:left;
	display:block;
	color:#5f5f5f
}
/*footer*/
#footer{
	background:url(../images/footer-bg.jpg) repeat-x;
	height:87px;
	padding:10px 0px;
	margin-top:10px;
	text-align:center;
	color:#FFF
}	 
.detail-product-wrapper .large-img-product{
	display:block;
	float:left;
	margin-right:20px;
	max-width:300px;
	float:left
}
.product-techs{
	padding-bottom:20px;
	margin-bottom:10px;
	background:url(../images/sp.jpg) repeat-x bottom
}

.product-techs h3{
	margin-top:0px
}
.product-techs strong{
	display:block;
	width:100px;
	float:left
}
.product-techs font{
	font-size:14px;
	color:#b30033;
	font-weight:bold
}
.detail-product-wrapper h3{
	color:#3c5786;
}
.ul-techs{
	float:left
}
.ul-techs li{
	line-height:26px;
	width:350px;
	border-bottom:1px  dotted #CCC
}

/*detail product*/